<template>
    <el-card style="height: 99%;width: 19%;margin-right: 5px" shadow="always" :body-style="bodyStyle">
        <el-menu :default-openeds="['1']"  router default-active="/myDish" style="background-color: transparent">
            <el-menu-item-group index="1" >
                <template slot="title">
                    <i class="bi bi-person" style="width: 1em;font-size: 30px"></i>
                </template>
                <el-menu-item index="/myInformation" style="font-size: 17px">我的信息</el-menu-item>
                <el-menu-item index="/myDish" style="font-size: 17px">菜品管理</el-menu-item>
                <el-menu-item index="/orders" style="font-size: 17px">订单管理</el-menu-item>
            </el-menu-item-group>
        </el-menu>
    </el-card>

</template>

<script>

export default {
    data(){
        return{
            bodyStyle:{
                textAlign:'center'
            }
        }
    },
}
</script>

<style scoped>
el-menu-item{
    background-color: #D3DCE6;
}
</style>